<template>
  <div>
    公告管理

    <div class="aaa">
      <span>hahah</span>
    </div>
  </div>
</template>

<script>
export default {
  mounted() {
    // console.log(this.getName)

    // console.log(this.$store.state.name)
    // console.log(this.$store.getters.getMessage)

    console.log(`旧：${this.$store.state.number}`)
    this.$store.commit('setNumberValue', { number: 456 })
    console.log(`新：${this.$store.state.number}`)
  },

  computed: {
    getName() {
      return this.$store.state.name
    }
  }
}
</script>

<style lang="less" scoped>
.aaa {
  width: 50px;
  height: 40px;
  border: 1px solid red;

  span {
    line-height: 40px;
  }
}
</style>
